<template>
  <div class="official">
    <Head />
    <Nav />
    <main>
      <section>
        <ShowPlace />
        <ShowPlace />
        <ShowPlace />
      </section>
    </main>
  </div>
</template>

<script>
import Head from '@/components/official/official_head.vue'
import Nav from '@/components/official/official_nav.vue'
import ShowPlace from '@/components/official/official_showPlace.vue'
export default {
  components:{
    Head,
    Nav,
    ShowPlace
  },
  methods: {
    goHome(){
      this.$router.push('/home');
    }
  },
}
</script>

<style scoped>
.official main {
  height: 6.9rem;
  overflow-y: scroll;
}
.official section {
  padding: 0 0.15rem;
  min-height: 6.4rem;
}
</style>